<template>
  <div class="search">
    <div class="contain">
      <!-- <img src="http://www.duoceshi.com/img/logo2.png" alt="" /> -->
      <div class="logo">
        <img style="height:73px" src="../../../assets/jietiup.jpg" alt="" />
        <span>阶梯教育</span>
      </div>
      <div class="imgTips">
        <img height="34" src="../../../assets/nav_r_ico.png" alt="" />
      </div>
      <!-- <el-input
        placeholder="请输入要查询的关键字"
        v-model="input3"
        class="input-with-select"
        clearable
      >
        <el-button slot="append" icon="el-icon-search"></el-button>
      </el-input> -->
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
// import HelloWorld from "@/components/HelloWorld.vue"; // @ is an alias to /src

@Component({
  components: {
    // HelloWorld
  }
})
export default class Search extends Vue {
  private input3: any = "";
  created() {
    // const num = Math.floor(Math.random() * 1);
  }
}
</script>
<style lang="scss">
.search {
  .contain {
    display: flex;
    .logo {
      display: flex;
      justify-content: center;
      span {
        line-height: 73px;
        margin-left: 10px;
        font-size: 26px;
        font-weight: 900;
        color: #475056;
        font-family: "Courier New", Courier, monospace;
      }
    }
    .imgTips {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .el-input {
      width: 424px;
      margin-left: 260px;
    }
  }
}
</style>
